const { ref, defineEmits } = Vue

export default {
    props: ['item'],
    emits: ['update:num', 'update:checked', 'remove'],
    setup(props, { emit }) {
        const { item } = props

        const decrementNum = () => {
            if (item.num > 1) {
                item.num--
                emit('update:num', item.num);
            }
        }

        const incrementNum = () => {
            if (item.num < item.max) {
                item.num++
                emit('update:num', item.num);
            }
        }

        const removeItem = () => {
            emit('remove', item)
        }

        return {
            decrementNum,
            incrementNum,
            removeItem
        };
    },
    template: `#productitem`
}